body {
  padding: 50px;
  font: 14px 'Lucida Grande', Helvetica, Arial, sans-serif;
}

a {
  color: #00b7ff;
}

* {
  padding: 0;
  margin: 0;
}
body {
  width: 80%;
  margin: 2em auto;
  font-size: 14px;
  font-family: 'Microsoft YaHei';
}
p {
  line-height: 24px;
  margin: 1em 0;
}
header {
  padding: 0.5em 0;
  border-bottom: 1px solid #cccccc;
}
nav {
  float: left;
  font-family: 'Microsoft YaHei';
  font-size: 1.1em;
  text-transform: uppercase;
  margin-left: -12em;
  width: 9em;
  text-align: right;
}
nav a {
  display: block;
  text-decoration: none;
  padding: 0.7em 1em;
  color: #000000;
}
nav a:hover {
  background-color: #ff0000;
  color: #f9f9f9;
  -webkit-transition: color 0.2s linear;
}
article {
  font-size: 16px;
  padding-top: 0.5em;
}
article a {
  color: #dd0000;
  text-decoration: none;
}
article a:hover {
  color: #333333;
  text-decoration: underline;
}
.info {
  font-size: 14px;
}

/* iconfont图标库引用 */
.icon {
  width: 1.5em;
  height: 1.5em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
/* iconfont图标库引用 */